<ion-content color="zh">

  <div class="login bgzh">
    <!-- 头部 -->
    <div class="login_header">
      <!-- <ion-input type="text" placeholder="Awesome Input"></ion-input> -->
      <img src="assets/img/ellipse.png"/>
      <div class="go_register">
        <!-- <transition name="slide-fade" mode="out-in" > -->
            <ion-text [routerLink]="['/register']" color="white">去注册</ion-text>
        <!-- </transition> -->
      </div>
      <div class="login_text">
        <h3>Welcome</h3>
        <h4>Hen<i>ce</i>nt</h4>
        <p>恒创数据中心 讯通节点桥梁</p>
      </div>
    </div>
    
    <!-- 登录与注册 -->
    <div class="hxy_login">
      <ul>
        <li>
          <img src="assets/img/s1.png"/>
          <input type="tel" #iphone [(ngModel)]="phone" maxlength=11 (input)="isClick()" placeholder="请输入手机号码">
        </li>
        <li>
          <img src="assets/img/s2.png"/>
          <input type="tel" #iyzm [(ngModel)]="yzm" maxlength=6 (input)="isClick()" placeholder="请输入验证码">
          <span (click)="getYzm()" *ngIf="flagYzm">获取验证码</span> 
          <span *ngIf="!flagYzm">{{times}}s</span> 
        </li>
      </ul>
    </div>
    
    <div class="protocol">
      <div id="mycheckBox">
        <ion-checkbox (ionChange)="ischeckbox()" [(ngModel)]="ischeck">
        </ion-checkbox>
        <span [ngClass]="{mytestcheck:ischeck }" class="pa_check"></span>
      </div>
      
      <!-- <input type="checkbox"  (click)="checkboxshow()" class="mytestcheckno" value="" /> -->
      <span>开启即代表同意<i [routerLink]="['/protocol']">《用户注册协议》</i>;</span>
    </div>
    
    <button *ngIf="!isclick"  class="button">登 录</button>
    <button *ngIf="isclick" (click)="login()" class="button buttons">登 录</button>

  </div>
  <app-lodding [falg]='show'></app-lodding>
  
</ion-content>
